<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="./css/index.css" />
		<title>HOLY荷勒设计咨询领军者-UI设计公司-高端网站建设公司-微信小程序开发定制公司</title>
	</head>
	<body>

		<div class="head">
		<div class="container ">
			<div class="row">
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-5 loGo"><img src="img/logo.png"> HOLY 荷勒</div>
				<div class="col-lg-5 col-lg-push-4 col-md-5 col-md-push-4 col-sm-7 col-sm-push-2 hidden-xs">
					<div class="row">
						<div class="col-lg-2 col-md-2 col-sm-2">首页</div>
						<div class="col-lg-2 col-md-2 col-sm-2">案例</div>
						<div class="col-lg-2 col-md-2 col-sm-2">服务</div>
						<div class="col-lg-2 col-md-2 col-sm-2">我们</div>
						<div class="col-lg-2 col-md-2 col-sm-2">最新</div>
					</div>
				</div>
				<div class="hidden-lg hidden-md hidden-sm col-xs-1 col-xs-push-6 three">三</div>
				<div class="hid">
					<dl>
						<dt><img src="img/logo.png"> HOLY 荷勒<span class="clo">X</span></dt>
						<dd>首页</dd>
						<dd>案例</dd>
						<dd>服务</dd>
						<dd>我们</dd>
						<dd>最新</dd>
					</ul>
				</div>
			</div>
		</div>
		</div>
		<div class="bgImg"></div>
		<div class="container bg_logo">
			<div class="row">
				<div class="col-lg-2 col-md-2 col-sm-2 col-xs-4" style="background: url(img/logo01.png) no-repeat center 10px; background-size: contain;"></div>
				<div class="col-lg-2 col-md-2 col-sm-2 col-xs-4" style="background: url(img/logo02.png) no-repeat center center; background-size: contain;"></div>
				<div class="col-lg-2 col-md-2 col-sm-2 col-xs-4" style="background: url(img/logo03.png) no-repeat center center; background-size: contain;"></div>
				<div class="col-lg-2 col-md-2 col-sm-2 col-xs-4" style="background: url(img/logo04.png) no-repeat center center; background-size: contain;"></div>
				<div class="col-lg-2 col-md-2 col-sm-2 col-xs-4" style="background: url(img/logo05.png) no-repeat center center; background-size: contain;"></div>
				<div class="col-lg-2 col-md-2 col-sm-2 col-xs-4" style="background: url(img/logo06.png) no-repeat center center; background-size: contain;"></div>
			</div>
		</div>
		<div class="container">
			<div class="service row">
				<div class="sev_logo col-lg-3 col-md-3 col-sm-3 col-xs-3">
				</div>
				<div class="col-lg-9 col-md-9 col-sm-9 col-xs-9">
					OLY荷勒是一家创新设计与服务体验咨询公司
				</div>
			</div>
		</div>
		<div class="container article">
			<div class="row">
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
					<img src="img/logo08.png">
					<h3>策略研究</h3>
					<span>我们洞察市场需求及用户痛点，为企业建立切实可行的互联网产品策略。</span>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
					<img src="img/logo09.png">
					<h3>用户体验</h3>
					<span>综合运用现场观察、深入访谈、焦点小组等方法，来获得用户需求及产品使用偏好。</span>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
					<img src="img/logo10.png">
					<h3>策略研究</h3>
					<span>基于用户研究分析，建立符合用户使用场景和用户真正需求的交互模型。</span>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
					<img src="img/logo11.png">
					<h3>策略研究</h3>
					<span>打造高品质专属于本企业的产品视觉设计，让用户第一眼就喜欢上。</span>
				</div>
			</div>
		</div>
		<div class="container picture">
			<div class="row">
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 logotu">
					<img src="img/show03.jpg">
					<div class="over">清华-伯克利深圳学院网站</div>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 logotu">
					<img src="img/show04.jpg">
					<div class="over">微创医疗官网</div>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 logotu">
					<img src="img/show05.jpg">
					<div class="over">腾讯电脑管家</div>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 logotu">
					<img src="img/show06.jpg">
					<div class="over">大数金融 </div>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 logotu">
					<img src="img/show07.jpg">
					<div class="over">深圳清华大学研究院</div>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 logotu">
					<img src="img/show08.jpg">
					<div class="over">洛菲斯集团</div>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 logotu">
					<img src="img/show09.jpg">
					<div class="over">梦洁家纺七星洗护小程序</div>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 logotu">
					<img src="img/show10.jpg">
					<div class="over">量云</div>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 logotu">
					<img src="img/show11.jpg">
					<div class="over">中兴飞贷</div>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 logotu">
					<img src="img/show12.jpg">
					<div class="over">快舒尔</div>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 logotu">
					<img src="img/show13.jpg">
					<div class="over">益嘉集团网站新思考</div>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 logotu">
					<img src="img/show14.jpg">
					<div class="over"><strong>adidas neo官网建设</strong></div>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="service row">
				<div class="sev_logo col-lg-3 col-md-3 col-sm-3 col-xs-3">
				</div>
				<div class="col-lg-9 col-md-9 col-sm-9 col-xs-9">
					荷勒与追求极致的机构合作创造有影响力的产品
				</div>
			</div>
		</div>
		<div class="container bottom_logo">
			<div class="row">
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
					<img src="img/show15.png">
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
					<img src="img/show15.jpg">
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
					<img src="img/show16.png">
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
					<img src="img/show17.png">
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
					<img src="img/show16.jpg">
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
					<img src="img/show17.jpg">
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
					<img src="img/show18.jpg">
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
					<img src="img/show19.jpg">
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="container">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
						<span class="icon-qq">&#xe680;</span>
						<p>267025359</p>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
						<span class="icon-smartphone">&#xe674;</span>
						<p>0755-29061916</p>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
						<span class="icon-LOCATION">&#xe602;</span>
						<p>深圳南山区海岸时代东座2107</p>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
						<span class="icon-youxiang">&#xe6af;</span>
						<p>jaason@inholy.com</p>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			
			var three = document.querySelector('.three');
			var hid = document.querySelector('.hid');
			var clo = document.querySelector('.clo');
			
			three.addEventListener('click',function(){
				
				hid.style.display = 'block';
				
				clo.addEventListener('click',function(){
					
					hid.style.display = 'none';
					
				})
				
			})
			
		</script>
	</body>
</html>
